<!-- 文章列表 -->
<template>
  <div>
    <sg-nav></sg-nav>
    <waves></waves>
    <div class="container">
      <el-row :gutter="30">
        <el-col :sm="24" :md="16" style="transition:all .5s ease-out;margin-bottom:30px;">
          <sg-articlelist></sg-articlelist>
        </el-col>
        <el-col :sm="24" :md="8">
          <sg-rightlist></sg-rightlist>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
import header from '../../components/header.vue'
import articlelist from '../../components/articlelist.vue'
import rightlist from '../../components/rightlist.vue'
export default {
  name: "Share",
  data() { //选项 / 数据
    return {

    }
  },
  methods: { //事件处理器

  },
  components: { //定义组件
    'sg-nav': header,
    'sg-articlelist': articlelist,
    'sg-rightlist': rightlist,
  },

  created() { //生命周期函数

  }
}
</script>

<style>

</style>
